<script setup lang="ts">
import VisitTimesChart from './components/VisitTimesChart.vue';
import VisitTimes from './components/VisitTimes.vue';

</script>

<template>
    <div class="container">
        <div class="row-1">
            <VisitTimes class="VisitTimes"></VisitTimes>
        </div>
        <div class="row">
            <VisitTimesChart class="visitTimesChart"></VisitTimesChart>
        </div>
    </div>
</template>

<style lang="scss" scoped>
.row-1 {
    width: 80%;
    height: 20%;
    .VisitTimes {
        height: 100%;
        width: 30%;
    }
}
.row {
    width: 80%;
    height: 60%;
}
.visitTimesChart {
    width: 70%;
    height: 50%;
}
.container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;

}
</style>